body {
    font-family: verdana;
    font-size: 12px;
}

.titulo {
    color:#1e1e96;
    font-weight: bold;
    font-size:20px;
}

.contexto {
    width:313px;
    height:26px;
    #background-color:#B4B4F8;
    background-color:#B87333;
    color:#FFFFFF;
    font-weight: bold;
    font-size:14px;
    text-align:center;
    border:solid #1E1E96 2px;
    border-radius: 10px 10px 0px 0px;
    padding-top:5px;
}

.fase-atual {
    width:157px;
    height:20px;
    background-color:#B4B4F8;
    color:#FFFFFF;
    font-weight: bold;
    text-align:center;
    border:solid #1E1E96 2px;
    border-radius: 10px 10px 0px 0px;
    #padding-left:5px;
    padding-top:5px;
}
.fase-disponivel {
    width:157px;
    height:20px;
    background-color:#FFFFFF;
    color:#B4B4F8;
    font-weight: bold;
    text-align:center;
    border:solid #1E1E96 2px;
    border-radius: 10px 10px 0px 0px;
    #padding-left:5px;
    padding-top:5px;
}

.fase-indisponivel {
    width:157px;
    height:20px;
    background-color:#FFFFFF;
    color:#FFFFFF;
    font-weight: bold;
    text-align:center;
    border:solid #FFFFFF 2px;
    border-bottom: solid #1E1E96 2px;
    border-radius: 10px 10px 0px 0px;
    #padding-left:5px;
    padding-top:5px;
}

nav {
    clear:both;
    color:#FFFFFF;
    background:#1e1e96;
    height:25px;
    #width: 100%;
    #padding:5px;
    #font-weight: nornal;
    #font-size: 1em;
    #margin:10px;
}
nav ul {
    padding:0;
    margin:0;
    list-style: none;
    float: left;
}
nav ul li {
    display: block;
    float: left;
    margin-right: 30px;
    position: relative;
}
nav ul li a {
    color: #FFFFFF;
    #background: #000000;
    text-decoration: none;
    font-weight: bold;
    padding:5px;
    display:block;
    margin:0;
    float: left;
}
nav ul li a:hover {
    #background: #1e1e96;
    color: #FFFF00;
	#font-weight: bold;
}
nav ul li ul {
    display: none;
    float: none;
    left: 0;
    position: absolute;
    top: 100%;
    #border: solid 1px #6B238E;
}
nav ul li:hover > ul {
    display: block;
}
nav ul li ul li,
nav ul li ul li a {
    float: none;
    background: #1e1e96;
    color: #FFFFFF;
    width: 190px;
    text-align:left;
}
nav ul li ul li a:hover {
    float: none;
    background: #1e1e96;
    color: #FFFF00;
}
nav ul li ul li {
    margin: 0;
}
nav ul li ul li ul {
    left: 100%;
    top: 0;
}
